<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
      <text class="title" >{{title}}</text>
		</view>
	</view>
</template>

<script>
import { userAllRole } from '$api/home'

export default {
  data () {
    return {
      title: '一猫小程序',
      arr: []
    }
  },
  onLoad () {
    const a = 1

    console.log(a)

    this.userAllRole()
  },
  methods: {
    userAllRole () {
      userAllRole({ userPhone: 17311111111 }).then((res) => {
        console.log(1, res)
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: $em-font-size-lg;
	color: $em-primary;
}
</style>
